@charset "utf-8";
html, body {height: 100%;}

.newbody {background: url(../images/Login/body.jpg) no-repeat center center; background-size: 100% 100%;background-attachment:fixed}
.g-wrap {margin: 0 auto; width: 1146px;}
.newbody .g-wrap {padding-top: 2em;}

.h1title {margin: 0 0 0 0; font-size: 1em;}
.h1title span {margin: 0 2.5em 0 0;width: 25.75em; height: 4.928em; display: inline-block;background: url(../images/Login/logo.png) no-repeat 0 0;}
.h1title em { width: 16.8333em; height: 4.928em;display: inline-block;background: url(../images/Login/logo.png) no-repeat -25.857em 0;}

.g-topcont {margin: 0 0 1.5em 0;}

.g-topcontleft {width: 34.07em; }
.g-topcontright {width: 45em;}

/*登录  start*/
.g-logincont { margin: 0 0 1.357em 0;*height: 280px; background: #fff;box-shadow: 6px 0 32px rgba(57,86,101,0.2); border-radius: 10px;}
.g-logincont .m-loginarea {padding: 2em 1em 1.5em 2.143em; width: 13.5em; /*box-sizing:border-box;*/}

.m-logininfo {margin: 0 0 1em 0;}
.m-logininfo dt {float: left;}
.m-logininfo dd {margin: 0 0 0.8em 2.5em;}
.m-logininfo dd input {padding: 0 0.5em; width: 9em; font-size: 1em; border-radius: 0.3em; border: 1px solid #cdcdcd;}
.m-logininfo dd:last-child {margin-bottom: 0;}

.u-loginbtn {margin: 0 0 1.5em 0; text-align: center;}
.u-loginbtn a {width: 6.714em; height: 2em; line-height: 2; color: #fff; display: inline-block; border-radius: 0.3em; background: #39cff8;}

.u-forgetorregister {padding: 0 1em 0 0;}
.u-forgetorregister a {font-size: 0.857em; display: inline-block;}
.u-forgetorregister a:first-child {color: rgba(51,55,67,1); float: right;}
.u-forgetorregister a:last-child {color: rgba(51,55,67,0.8);}

.u-imgarea {width: 17em; height: 20em; display: block; border-radius: 0 10px 10px 0; background: #333743 url(../images/Login/loginbg.png) no-repeat center center;}

/*登录  end*/

/* 申报网站  start */
.g-declarawebsitecont {background: #fff;box-shadow: 6px 0 32px rgba(57,86,101,0.2); border-radius: 10px; cursor: pointer;}

.g-declarawebsitecont .m-sitearea {padding: 2em 1em 1.5em 2.143em; width: 15.5em; /*box-sizing:border-box;*/}
.u-sitedescibe {color: #666666;}

.g-declarawebsitecont .u-imgarea {height: 12.143em; background: url(../images/Login/site_img.png) no-repeat 0 0;}
/* 申报网站  end */

/* 实验动态 start */
.g-experinnercont {margin: 0 0 1.286em 0;padding: 1.5em 3em; background: #fff;box-shadow: 6px 0 32px rgba(57,86,101,0.2); border-radius: 10px;}
.g-experinnercont:last-child {margin: 0;}

.m-newslist {font-size: 0.857em; line-height: 1.6; color: rgba(51,55,67,0.6); *line-height: 1.8;}
.m-newslist dt {float: right; color: rgba(51,55,67,0.6);}
.m-newslist dd {color: rgba(51,55,67,0.6);}
/* 实验动态 end */

/* 实验展区  start */
.m-exhibitionarealist {list-style-type: none; *margin: 0 -.4em;}
.m-exhibitionarealist li {margin: 0 0.623em 0.8em 0; width: 7.286em; height: 5.857em; float: left;}
.m-exhibitionarealist li:nth-child(5n) {margin-right: 0}
.m-exhibitionarealist li img {width: 100%; height: 100%;}
.m-exhibitionarealist li a:hover {opacity: 0.8;}
/* 实验展区  end */

/* 模拟实验  start */
.g-simulationexper {padding: 1.5em 3em; background: #fff;box-shadow: 6px 0 32px rgba(57,86,101,0.2); border-radius: 10px;}

.g-simulationexpercont {padding: 0 3em 0 2em; width: 64.8em; float: right; box-sizing:border-box;}

.slider .slide span {margin: 0 0 0.5em 0; display: block; width: 11.357em; height: 8.857em;}
.slider .slide span img {display: block; width: 100%; height: 100%;}
.slider .slide em {font-style: normal; color: #666;}
/* 模拟实验  end */

.u-copyright {margin: 2em 0; text-align: center; font-size: 0.857em;}

/*标题*/
.u-titlearea {margin: 0 0 1.5em 0;  font-size: 1em;}
.u-titlearea > em {width: 16em; height: 2.328em; display: block; background: url(../images/Login/title.png) no-repeat 0 0; text-indent: -9999px;}
.g-declarawebsitecont .m-sitearea:nth-child(1),
.g-declarawebsitecont .m-sitearea:nth-child(3),
.g-declarawebsitecont .m-sitearea:nth-child(1) em,
.g-declarawebsitecont .m-sitearea:nth-child(3) em{width:12em;}
.u-titlearea > a {float: right;}
.u-titlearea > a:hover {color: #39cff8;}
.u-titlearea.u-titleh201 em {background-position: 0 0;}
.u-titlearea.u-titleh202 em {background-position: 0 -32px;}
.u-titlearea.u-titleh203 {margin: 0 0 0.5em 0;}
.u-titlearea.u-titleh203 em {background-position: 0 -64px;}
.u-titlearea.u-titleh204 {margin: 0 0 0.8em 0;}
.u-titlearea.u-titleh204 em {background-position: 0 -100px;}
.u-titlearea.u-titleh205 {margin: 0;}
.u-titlearea.u-titleh205 em {background-position: 0 -136px;}

/*radio*/
.m-loginmethodselect {margin: 0 0 1em 0;}
.m-loginmethodselect label {margin: 0 1em 0 0;}
.m-loginmethodselect label i {margin: 0 0.5em 0 0; width: 12px; height: 12px; display: inline-block; background: url(../images/Login/radio.png) no-repeat -12px 0}
.m-loginmethodselect label.sel i {background-position: 0 0;}

/* 左右切换 */
.bx-wrapper {padding: 0;position: relative;}
.bx-wrapper .bx-prev {left: -4em;background: url(../images/Login/arrow_leftright.png) no-repeat 0 -44px;}
.bx-wrapper .bx-next {right: -4em;background: url(../images/Login/arrow_leftright.png) no-repeat -44px 0;}
.bx-wrapper .bx-prev:hover {opacity: 0.8;}
.bx-wrapper .bx-next:hover {opacity: 0.8;}
.bx-wrapper .bx-prev.dis {background-position: 0 0;}
.bx-wrapper .bx-next.dis {background-position: -44px -44px;}
.bx-wrapper .bx-controls-direction a { position: absolute;top: 50%;margin-top: -2em;outline: 0;width: 2.86em;height: 2.86em;text-indent: -9999px;z-index: 9999;border-bottom:none;}
.bx-wrapper .bx-controls-direction a.disabled {	display: none;}




/*2018-06-06  更换布局 start*/
.g-modifylayout {height: 87px;}
.g-modifylayout .u-imgarea {height: 87px; background: url(../images/login/06-photo02.png);}
.g-modifylayout .u-titlearea {margin: 0;}
.u-titlearea.u-titleh206 em {background-position: 0 -167px;}
.u-titlearea.u-title-item2 em{background-position: 0 -207px;}
.u-titlearea.u-title-item4 em{background-position: 0 -254px;}
.g-accountexperiment {margin: 0 0 20px 0;}
.g-modifylayout.g-accountexperiment .u-imgarea {height: 87px; background: url(../images/login/06-photo01.png);}
/*2018-06-06  更换布局 end*/




@media only screen and (min-width:1440px) and (max-width:1919px){
	
}
@media only screen and (min-width:1366px) and (max-width:1439px){
	
}